<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">

    <title>ONI</title>
    <link rel="stylesheet" href="font-awesome/css/font-awesome.min.css">
    <style>
        html, body {
            width: 100%;
            height: 100%;
            padding: 0px;
            margin: 0px;
            overflow: hidden;
        }
        body {
            font-family: Consolas, Monaco, 'Courier New', monospace;
            font-size: 14px;
        }

        script {
            display: none;
        }
    </style>
  </head>
  <body>
    <div id="host"></div>
      <script>
        console.timeStamp("browser.domloaded")
        var path = "lib/browser/bundle.js"
        if(process.env.NODE_ENV === "development") {
            path = "http://localhost:8191/bundle.js";
            const hotReloadElement = document.createElement("div");
            hotReloadElement.textContent = "Waiting for webpack compilation... You may need to reload the browser once webpack finishes compiling."
            document.body.appendChild(hotReloadElement)
        }
        var scriptTag = document.createElement("script");
        scriptTag.src = path
        document.body.appendChild(scriptTag);
      </script>
  </body>
</html>
